<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name='viewport' content='width=device-width,initial-scale=1.0,user-scalable=no'>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<style type="text/css">
		html,
		body {
			width: 100%;
			height: 100%;
			background-color: #666666;
		}
		
	</style>

	<div style="display: flex;display: -webkit-flex;align-items: center;background-color: #666666;height: 100%;position: absolute;top: 0;left: 0;">
		<div style="width: 320px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;">
			<img src="img/光效.png"/ style="width: 320px;">
		</div>
		<div style="width: 300px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;margin-top: -120px;">
			<img src="img/装饰.png"/ style="width: 300px;">
		</div>
		<div style="position: relative;z-index:99;background-color: white;width: 210px;height: 250px;border-radius: 10px;margin: 0 auto;">
			<div style="margin: -23px auto;width: 150px;">
				<img src="img/中奖.png" style="width: 100%;height: auto;margin: 0 auto;"/>
			</div>
			<div style="margin: 0 auto;margin-top: 20px;width: 80px;">
				<img src="img/代金券.png" style="width: 80px;height: auto;margin: 0 auto;"/>
			</div>
			<div style="margin: 30px auto;margin-bottom: 0;width: 100%;text-align: center;font-weight: 700;font-size: 16px;">
				四等奖：五折优惠券
			</div>
			<a style="position: absolute;left: 0;right: 0;width: 20px;margin-left: auto;margin-right: auto;margin-top: 90px;" href="javascript:window.opener=null;window.open('','_self');window.close();">
				<img src="img/取消.png"/ style="width: 20px;height: 20px;">
			</a>
		</div>
	</div>

</html>